<template>
	<view>
		<view style="padding: 15px;">
			<view v-for="item in list" :key="item"
			style="display: flex; justify-content: space-between; align-items: center;
			padding: 10px 5px; border-bottom: 1px solid #dfdfdf;
			"
			>
				<view style="font-size: 16px; font-weight: bold;">{{item}}</view>
				<view>
					<u-button
						@click="callKefu(item)"
						size="mini"
						color="#4c545e"
						type="primary" 
						icon="kefu-ermai" 
						text="拨打">
					</u-button>
				</view>
			</view>
		</view>
		<tabbarCom :current="2"></tabbarCom>
	</view>
</template>

<script>
	import tabbarCom from "../../components/tabbar/tabbar.vue"
	export default {
		components: {
			tabbarCom
		},
		data() {
			return {
				list: [120, 119, 110]
			}
		},
		methods: {
			callKefu(phoneNum){
				const that = this;
				uni.makePhoneCall({
					phoneNumber: phoneNum
				});
			}
		}
	}
</script>

<style>

</style>
